<template>
  <div>
    <div class="logo-box">
      <p>Browse</p>
    </div>
    <group>
      <cell title="go to Home" is-link :link="{name:'home'}"></cell>
      <cell title="go to Login" is-link :link="{name:'login'}"></cell>
      <cell title="go to UserInfo" is-link :link="{name:'userInfo'}"></cell>
    </group>
  </div>
</template>
<script>
import { Group, Cell } from 'vux'

export default {
  name: 'browse',
  components: {
    Group,
    Cell
  },

  methods: {
    gotoLink: function(name) {
      this.$router.push({
        name: name
      });
    }
  }
}

</script>
<style scoped>
.logo-box {
  text-align: center;
  margin: 30px 0;
}

.logo {
  width: 100px;
  height: 100px
}

</style>
